{% extends "survey/base.html" %}{% load i18n %}


{% block header %}

{% endblock %}

{% block styles %}

<style type="text/css">

/* This file only uses Web Safe Colors, and should work in almost all browsers. */
/* Validated by the W3C CSS Validation service. */

/* block-level and inline elements */
body     {
     background: white;
     border-left: .55in solid #339933;
     color: #003300;
     font: normal 11pt arial, helvetica, sans-serif;
     padding: .6in .5in .2in .2in;
}
table {
     font: normal 11pt arial, helvetica, sans-serif;
     color: #003300;
}
h1 { color: #006600; font-weight: bold; }
hr {
     margin-top: .35in;
     margin-right: .35in; 
}

/* general style classes */
.section-heading     { font-weight: bold; font-size: 16pt; color: #009900; }
.question-heading     { font-weight: bold; color: #339933; }
.question-text     { }
.choice-text     { padding-left: 1em; }
.list-anchor     { }
.text-block     { }
.calculated-field { background: #FAFAFA; }

/* table row styles for scale-definition questions */
.category-row     { }
.anchor-row     { }
.choice-row     { }

/* table text styles for scale-definition questions */
.total-row     { }
.odd-row     { }
.even-row     { background: #CCFFCC; }
.topic-text     { padding-left: 1em; }

/* table and cell styles for multi-page progress indicator */
.progress-table     { border: solid 1px #339933; line-height:13px; width:175px; }
.completed-cell     { background: #66CC66; }
.uncompleted-cell     { background: #CCCCCC; }
.progress-labels{ background-color: #F0F0F0; color: #BABABA; font: bold 9px Tahoma, sans-serif; width:175px; }
.progress-labels td { border: solid 2px #D0D0D0; }
.progress-text { font-size:.8em; margin-top:5px; }

/* Live Results */
.QuestionHeading { font-size: 1px; color: #ffffff; }
.QuestionText { }
.ReportElement { font-family: Arial, sans-serif; font-size: 12pt; padding: 15px 0px; width: 98%; }
.ReportQuestion { font-family: arial, sans-serif; font-size: 12pt; }
.ReportTable { border: solid 1px #C0C0C0; font-family: Arial, sans-serif; font-size: 10pt; }
.ReportTable td { border: solid 1px #C0C0C0; }
.ReportScale { background-color: #F0F0F0; border: solid 2px #D0D0D0; color: #BABABA; font: bold 9px Tahoma, sans-serif; }
.ReportScale td { border: solid 2px #D0D0D0; }
.ReportBar { border: solid 1px #C0C0C0; height: 18px; line-height: 18px; }
.ReportBar td { border: solid 1px #C0C0C0; height: 18px; line-height: 18px; }
.ReportItemRow { background-color: #FFFFFF; }
.ReportAltItemRow { background-color: #F8F8F8; }
.FreqBar { background:#8888FF; border:solid 1px #4B54C5 !important; }
.ReportHeaderRow { background-color: #E1ECFF; color: #3C4184; font-size: 8pt; height: 24px; }
.ReportFooterRow { background-color: #E1ECFF; color: #3C4184; font-size: 8pt; height: 24px; }
.ReportTotal { font-size: 9pt; font-weight: bold; }
.ReportRowLabel { color: #808080; }

/* Glossary Support */
.glossary-word { border-bottom-width:1px; border-bottom-style:dashed; cursor:help; }
.glossary-tooltip { position:absolute; z-index:999; top: 0; left: 0; visibility: hidden; border:1px solid #999; background-color:Ivory; padding:5px 7px; }


body {background-color:#fff;
      /* background-image:url('/site_media/images/lg_small_green_pink.png'); */
	  background-position:top left;
	  background-repeat:no-repeat;} 

div.lgquestion { background-color:#fff;
                 margin:15px;
                 padding:15px;
                 border-width:2px;
                 border-style:solid;
                 }
                 
h1 { background-color:#fff; }
                 
form.focus-input { text-align: left; }
                 
input[type="radio"] { vertical-align: top; }

span.required {color:brown;}

span.helptext {color:green;}

div.optiongrid_label { padding-top:10px;
                       font-weight:bold; }

div.horizontal ul li {padding-left:10px; margin-left:10px; display:inline;}

div.horizontal ul {margin-left:20px; padding-left:10px; display: inline;}

</style>

{% endblock %}

{% block content %}

{% if survey.banner_image %}<img src="{{ survey.banner_image }}" alt="{{ title }}" />{% endif %}

<h1>{{ title }}</h1>

<div id="survey_description">{{survey.description|linebreaks}}</div>

<form method="post" class="focus-input" action="">

    {% for question_form in survey.forms %}
        {{ question_form.as_template }}
    {% endfor %}

    <div class="submit-row"><input type="submit" value="{% trans 'Submit' %}" class="default" name="__vote" /></div>

</form>

{% endblock %}

